<template>
  <div>
    <div class="i-layout-page-header mb20">
      <div class="i-layout-page-header">
        <span class="ivu-page-header-title">{{ $route.meta.title }}</span>
      </div>
    </div>
    <Card :bordered="false" dis-hover class="ivu-mt">
      
    </Card>
    <menus-from
      :formValidate="formValidate"
      :titleFrom="titleFrom"
      @getList="getList"
      @selectRule="selectRule"
      ref="menusFrom"
      @clearFrom="clearFrom"
    ></menus-from>
  </div>
</template>

<script>
import { mapState } from 'vuex';
import { ListApi, menusDetailsApi, isShowApi, editMenus } from '@/api/company';
import formCreate from '@form-create/iview';
import menusFrom from './components/menusFrom';
export default {
  name: 'systemMenus',
  data() {
    return {
      tabconfig: { children: 'children', reserve: true, accordion: true },
      spinShow: false,
      grid: {
        xl: 7,
        lg: 7,
        md: 12,
        sm: 24,
        xs: 24,
      },
      roleData: {
        is_show: '',
        keyword: '',
      },
      loading: false,
      tableData: [],
      FromData: null,
      icons: '',
      formValidate: {},
      titleFrom: '',
      modalTitleSs: '',
	  columns: [
	    {
	      title: '序号',
	      align: 'center',
	      key: 'id',
	      width: 50,
	    },
	    {
	      title: '客户名称',
	      key: 'name',
	      align: 'center',
	      minWidth: 200,
	    },
	    {
	      title: '上级客户',
	      slot: 'parent_name',
	      align: 'center',
	      minWidth: 200,
	    },
	    {
	      title: '英文简称',
	      key: 'short_code',
	      align: 'center',
	      width: 80,
	    },
	    {
	      title: '法人代表',
	      key: 'corporation',
	      align: 'center',
	      width: 100,
	    },
	    {
	      title: '联系方式',
	      key: 'contact',
	      align: 'center',
	      width: 100,
	    },
	    {
	      title: '所在地址',
	      key: 'address',
	      align: 'center',
	      width: 200,
	    },
	    {
	      title: '开票信息',
	      slot: 'remark',
	      align: 'center',
	      width: 200,
	    },
	    {
	      title: '操作',
	      slot: 'action',
	      fixed: 'right',
	      width: 100,
	      align: 'center',
	    },
	  ],
	  page: {
	    total: 0, // 总条数
	    pageNum: 1, // 当前页
	    pageSize: 10, // 每页显示条数
	  },
    };
  },
  components: { menusFrom, formCreate: formCreate.$form() },
  computed: {
    ...mapState('admin/layout', ['isMobile']),
    labelWidth() {
      return this.isMobile ? undefined : 75;
    },
    labelPosition() {
      return this.isMobile ? 'top' : 'right';
    },
  },
  mounted() {
    
  },
  methods: {
    
  },
};
</script>

<style scoped lang="stylus">
.vxeTable {
  >>> .vxe-table--header-wrapper {
    background: #fff !important;
  }
}
</style>
